.slideshows-container {
    background:#fff;
    border:1px solid #e5e5e6;
    border-top:none;
    width:100%;
    height:100%;
    display:flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;

    .slideshows-item.add {
        cursor: pointer;

        .uploader {
            position: absolute;
            width:200px;height:160px;
            left:0;top:0;
            overflow: hidden;

            input.upload {
                opacity: 0;
                display: block;
                min-width: 100%;
                min-height: 100%;
                cursor: pointer;
            }
        }
    }
    .slideshows-item {
        width:200px;height:160px;
        margin:20px;
        border:1px solid #e5e5e6;
        background-size:100% 100%;

        background-position: center;
        transition: all 0.2s ease-in-out;
        position: relative;

        &:hover {
            background-size:110% 110%;

            img.close {
                display: block;
            }
            img.edit {
                display: block;
            }
        }

        span.title {
            position: absolute;
            bottom: 0;
            left:0;
            padding-left: 10px;
            width: 198px;
            height: 40px;
            line-height: 40px;
            background-color: #fff;
        }
        img.close {
            width:25px;height:25px;
            position: absolute;
            right:-10px;
            top: -10px;
            opacity: 1;
            display: none;
            cursor: pointer;
        }
        img.edit {
            width:20px;height:20px;
            position: absolute;
            right:10px;
            bottom: 10px;
            display: none;
            cursor: pointer;
        }
    }
}
